Fix ripple animation for RTL locales

The animation was invisible because it was going out of screen, also
add a mirrored version of the image to the theme.

https://bugzilla.gnome.org/show_bug.cgi?id=584662

diff --git a/data/Makefile.am b/data/Makefile.am
index b0477194cd41c01814a97d75f033e5ffc2a4f259..819b15c344e28e539dea8343e51ab09d2073d685 100644 (file)
--- a/data/Makefile.am
+++ b/data/Makefile.am
@@ -24,7 +24,8 @@ dist_theme_DATA =                             \
        theme/calendar-today.svg                \
        theme/close-window.svg                  \
        theme/close.svg                         \
-       theme/corner-ripple.png                 \
+       theme/corner-ripple-ltr.png             \
+       theme/corner-ripple-rtl.png             \
        theme/dash-placeholder.svg              \
        theme/filter-selected-ltr.svg           \
        theme/filter-selected-rtl.svg           \

diff --git a/data/theme/corner-ripple-ltr.png b/data/theme/corner-ripple-ltr.png
new file mode 100644 (file)
index 0000000..326ecaa
Binary files /dev/null and b/data/theme/corner-ripple-ltr.png differ

diff --git a/data/theme/corner-ripple-rtl.png b/data/theme/corner-ripple-rtl.png
new file mode 100644 (file)
index 0000000..26cf965
Binary files /dev/null and b/data/theme/corner-ripple-rtl.png differ

diff --git a/data/theme/corner-ripple.png b/data/theme/corner-ripple.png
deleted file mode 100644 (file)
index 326ecaa..0000000
Binary files a/data/theme/corner-ripple.png and /dev/null differ

diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index e26c1624971ac6496291b6f6578bf8181bae596b..caaa5c425ccf523fc1ee9575542ecc8dffd5616a 100644 (file)
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -1280,7 +1280,11 @@ StTooltip StLabel {
 .ripple-box {
     width: 52px;
     height: 52px;
-    background-image: url("corner-ripple.png");
+    background-image: url("corner-ripple-ltr.png");
+}
+
+.ripple-box:rtl {
+    background-image: url("corner-ripple-rtl.png");
 }
 
 .switcher-arrow {

diff --git a/js/ui/panel.js b/js/ui/panel.js
index 5ef212a93e65f95f668eb40a8690346675433ce3..8cbceb05106eb270fe1e55385b0034e25e500e60 100644 (file)
--- a/js/ui/panel.js
+++ b/js/ui/panel.js
@@ -706,6 +706,8 @@ HotCorner.prototype = {
                                         x: x,
                                         y: y });
         ripple._opacity =  startOpacity;
+        if (ripple.get_direction() == St.TextDirection.RTL)
+            ripple.set_anchor_point_from_gravity(Clutter.Gravity.NORTH_EAST);
         Tweener.addTween(ripple, { _opacity: finalOpacity,
                                    scale_x: finalScale,
                                    scale_y: finalScale,